@charset "UTF-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:16px "Microsoft YaHei","Arial Narrow"; background: #fff; -webkit-text-size-adjust:100%; color: #666}
a{color:#333; text-decoration:none; transition: color .34s}
a:hover{color:#333;}
em, strong, i {font-weight: normal; font-style:normal}
li{list-style:none}
h3,h4,h5 { font-weight: normal;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
input, select, button, textarea {outline: none; font-family: "Microsoft YaHei UI Light"; border: none;}
button,input[type="submit"], input[type="button"] {cursor: pointer;}
.f-l { float: left;}
.f-r { float: right;}
*::-webkit-scrollbar {width: 8px; height: 1px;}
*::-webkit-scrollbar-thumb { border-radius: 8px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #eca231;}
*::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #fff;}
.clear {clear: both;}
/*----------*/
header {height: 140px; position: fixed; left: 0; top: 0; background: #0d2542; width: 100%; z-index: 1000}
.logo {float: left; background: url("../images/logo.png") no-repeat center; width: 433px; height: 58px; margin: 32px 0 0 42px}
.w-menu {float: right; width: 1020px;}
.search {width: 236px; height: 42px; float: right; background: #eca231; padding: 0 40px 0 20px; position: relative;}
.search i {float: left; background: url("../images/top_mobile.jpg") no-repeat center; width: 16px; height: 24px; margin-top: 7px;}
.search form {width: 188px; height: 30px; background: #fff; float: left; padding-left: 10px; margin: 5px 0 0 15px;}
.search form input[type="text"] {float: left; height: 30px; line-height: 20px; width: calc(100% - 20px); box-sizing: border-box; padding: 3px;}
.search form input[type="submit"] {background: url("../images/s_icon.jpg") no-repeat center; float: left; width: 20px; height: 20px; display: inline-block; margin-top: 5px;}
.search:before {width: 43px; height: 42px; position: absolute; left: -43px; top: 0; content: ''; background: url("../images/top_search_bg.png") no-repeat 0 center}
.menu { height: 60px; line-height: 60px; color: #555; float: right; margin: 20px 25px 0 0}
.menu li {float: left; height: 60px; color: #555; margin: 0 24px;}
.menu li a {display: block; height: 54px; line-height: 54px; border-bottom: 4px solid transparent; transition: all 200ms; color: #fff}
.menu li a:hover, .menu li a.curr {width: 100%; border-bottom-color: #eca231; color: #eca231;}
.banner {width: 100%; height: auto; position: relative}
.banner ul {position: relative; height: 797px; overflow: hidden}
.banner ul:after, .cg_con ul:after, .fmc:after, .news_r_l ul:after, .footer_menu:after, .company_list ul:after {display: block; content: ''; clear: both}
.banner li {width: 100%; height: auto; display: none; position: absolute; left: 0; top: 0}
.banner li:first-child {display: block}
.banner img {width: 100%; height: 800px; display: block;}
.banner video {width: 100%; height: 800px; display: block;}
.banner p {width: 100%; height: 20px; text-align: center; position: absolute; left: 0; bottom: 20px;}
.banner p span {width: 10px; height: 10px; display: inline-block; margin: 0 10px; border-radius: 10px; background: #fff; cursor: pointer}
.banner p span.curr {background-color: #ffb849}
.banner em {cursor: auto; width: 40px; height: 80px; position: absolute; top: 340px; cursor: pointer;}
.banner em:after {width: 30px; height: 30px; border-top: 3px solid #fff; border-left: 3px solid #fff; transform: rotate(-45deg); position: absolute; content: ''; left: 12px; top: 21px}
.banner em.prev {left: 130px}
.banner em.next {right: 130px; transform: rotate(180deg)}
.recommend_news {display: flex; border-bottom: 1px solid #f1f1f1; height: 70px; box-sizing: border-box;}
.recommend_news > span {flex: 480; text-align: right; line-height: 70px; font-size: 18px; color: #333; box-sizing: border-box; padding-right: 40px;}
.recommend_news > span b {font-size: 19px; font-weight: bold; color: #eca231}
.cn_c {flex: 1440; height: 70px; background-color: #eca231; color: #fff; box-sizing: border-box; padding-left: 93px; position: relative;}
.cn_c:after {background: url("../images/gb.jpg") no-repeat center; width: 19px; height: 16px; position: absolute; left: 52px; top: 26px; content: ''}
.sc_c {overflow: hidden; height: 70px; position: relative; width: calc(100% - 220px);}
.sc_c ul {position: absolute; left: 0; top: 0; width: 2148px;}
.sc_c li {float: left; width: 520px; height: 70px; line-height: 70px; margin-right: 54px;}
.sc_c li a {display: block; text-align: right; color: #fff; font-size: 15px; color: #fff; padding-left: 10px; position: relative}
.sc_c li a span {float: left}
.sc_c li a:before {width: 2px; height: 2px; background: #fff; content: ''; position: absolute; left: 0px; top: 34px;}
.cn_c p {width: 60px; height: 70px; float: left; position: absolute; left: calc(100% - 220px); top: 0}
.cn_c p em {width: 30px; height: 70px; float: left; cursor: pointer;}
.cn_c p em:before {display: inline-block; border: 10px solid transparent; border-right-color: #f7daad; content: ''; position: absolute; top: 25px; transition: all 0.3ms;}
.cn_c p em.next:before {transform: rotate(180deg)}
.cn_c p em:hover::before {border-right-color: #fff;}
.about {display: flex; height: 478px; width: calc(100% - 160px); margin: 0 auto; position: relative; left: 80px;}
.about .a1 {flex: 800; height: 478px; background: url("../images/about_bg.jpg") no-repeat center;}
.about .a1 div {width: 100%; padding: 118px 180px 118px 0; box-sizing: border-box;}
.ab_scroll {flex: 960; position: relative; border-left: 1px solid #f1f1f1; background: url("../images/about_bgr.jpg") no-repeat right bottom / 60%}
.ab_c {width: 100%; height: 478px; position: relative; overflow: hidden;}
.ab_scroll ul {width: 1916px; position: absolute; left: 0; top: 0}
.sr_dot {height: 30px; line-height: 30px; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center}
.sr_dot span {display: inline-block; margin: 0 5px; cursor: pointer;}
.sr_dot span.curr {color: #eca231; font-size: 18px;}
.about .a2 {float: left; width: 320px; height: 478px; border-right: 1px solid #f1f1f1}
.about .a2 div {width: 100%; height: 320px; border-radius: 50%; box-sizing: border-box; padding: 110px 65px; margin: 79px 0; border: 1px solid #f1f1f1}
.about .a1 h3 {height: 68px; line-height: 68px; font-size: 36px; color: #222;}
.about .a1 p {line-height: 28px; height: 112px; overflow: hidden; margin: 17px 0 67px;}
.about .a1 a, .rl a {display: block; width: 138px; transition: all 200ms; height: 44px; line-height: 44px; padding-left: 28px; background: #fff url("../images/ricon.png") no-repeat 104px center; border: 1px solid #a9b8ab; color: #eca231}
.about .a1 a:hover, .rl a:hover {background-color: #f5f5f5;}
.about .a2 h2 {text-align: center; height: 80px; line-height: 80px; font-size: 60px; color: #434343; background: url("../images/a1.png") no-repeat center 17px; padding-top: 83px;}
.about .a2 h6 {height: 48px; line-height: 48px; font-size: 14px; color: #333; font-weight: normal; text-align: center; margin-bottom: 5px;}
.about .a2 h6 span {font-size: 30px; color: #eca231; display: inline-block; margin: 0 5px;}
.a2.zc h2 {background-image: url("../images/a2.png")}
.about .a2 h2 b {font-size: 30px; font-weight: normal;}
.about .a2 p {line-height: 24px; height: 72px; overflow: hidden; font-size: 14px; color: #666;}
.about .a2.zc { border-left: none;}
.about .a2:nth-child(2) h2 {background-image: url("../images/a2.png")}
.about .a2:nth-child(3) h2 {background-image: url("../images/a3.png")}
.about .a2:nth-child(4) h2 {background-image: url("../images/a4.png")}
.about .a2:hover div {animation: changeBg 3s linear infinite alternate; border-color: #eca231}
@keyframes changeBg
{
    0%   {box-shadow:0 0 0 #eca231 inset;}
    50%  {box-shadow:0 0 35px #eca231 inset;}
    100% {box-shadow:0 0 0 #eca231 inset;}
}
.index_block {background: #f5f5f5;}
.po_r {width: calc(100% - 160px); padding-left: 160px; background: #fff;}
.index_title {background: #f5f5f5; height: 120px;}
.index_title > a {float: left; width: 600px; height: 120px; position: relative}
.index_title > a:after { width: 60px; height: 60px; float: right; margin-top: 20px; background: #0d2542 url("../images/tm.jpg") no-repeat center; content: ''}
.index_title > a h3 {float: left; width: 320px; line-height: 120px; background: #fff; font-size: 36px; color: #222;}
.index_title > a:before {width: 100%; border-bottom: 3px solid #eca231; position: absolute; left: 0; top: 0; content: ''}
.index_title ul {float: right; width: 570px; height: 32px; margin: 44px 30px 44px 0;}
.index_title li {float: left; height: 32px; margin: 0 10px;}
.index_title li a {padding: 0 15px; border-radius: 15px; line-height: 32px; display: block; color: #999; transition: all 200ms;}
.index_title li a:hover, .index_title li a.curr {background: #eca231; color: #fff}
.cg_con {width: 100%; background: #f5f5f5;}
.cs_n ul {display: none; height: 505px;}
.cs_n ul:first-child {display: block}
.cg_con ul {width: 1660px; padding: 70px 0; background: #fff;}
.cg_con li {float: left; width: 500px; margin-right: 48px; padding-bottom: 40px; border-bottom: 1px solid #e3e3e3; transition: all 200ms;}
.cg_con li:last-child {margin-right: 0}
.cg_con li a {display: block}
.cg_con li h3 {height: 46px; line-height: 46px; font-size: 24px; margin-top: 30px; padding: 0 10px; overflow: hidden;}
.cg_con li p {height: 34px; font-size: 18px; color: #999; padding: 0 10px; overflow: hidden;}
.cg_con li span {display: block; width: 95px; height: 24px; line-height: 24px; color: #0d2542; margin: 30px 0 0 10px; font-size: 14px; background: url("../images/case_more_icon_curr.jpg") no-repeat right center;}
.cg_con li:hover {box-shadow: 0 0 10px 6px #e0e0e0; transform: translateY(-13px);}
.cg_con li:hover span {color: #eca231; background-image: url("../images/case_more_icon.jpg");}
.index_news {height: 640px; width: 1600px; margin: 0 auto; padding: 70px 0; background: url("../images/news_bg.jpg") no-repeat 1200px 48px;}
.news_focus {float: left; width: 770px; position: relative;}
.news_focus ul {position: relative; height: 500px;}
.news_focus li {width: 770px; height: 500px; display: none; position: absolute; left: 0; top: 0}
.news_focus li:first-child {display: block;}
.news_focus li a, .news_focus li img {display: block; overflow: hidden; width: 770px; height: 500px; transition: all 200ms;}
.news_focus li img:hover {transform: scale(1.04)}
.news_focus li p {position: absolute; left: 0; bottom: 0; background: rgba(0,0,0, 0.5); box-sizing: border-box; color: #fff; width: 100%; height: 60px; line-height: 60px; padding: 0 10px;}
.news_focus > p {position: absolute; right: 0; bottom: 0; height: 60px; line-height: 68px; padding-right: 10px;}
.news_focus > p span {width: 15px; height: 15px; border-radius: 50%; background: #fff; cursor: pointer; display: inline-block; margin: 0 6px;}
.news_focus > p span.curr {background-color: #eca231}
.news_list {height: 500px; width: 796px; float: right; background: #f5f5f5}
.news_list li {height: 108px; margin-bottom: 22px; transition: all 200ms;}
.news_list li:last-child {margin-bottom: 0;}
.news_list li a {display: block}
.news_list li a:hover {background: #fff;}
.news_list li span {float: left; width: 104px; float: left; text-align: center; transition: all 200ms; box-sizing: border-box; padding: 15px 0; border-radius: 5px; height: 108px; background: #fff; line-height: 20px; color: #666}
.news_list li b {font-size: 36px; line-height: 50px; display: block; color: #333;}
.news_list li p {float: right; width: 650px;}
.news_list li i {height: 40px; line-height: 40px; font-size: 18px; color: #333; display: block; overflow: hidden}
.news_list li em {display: block; overflow: hidden; height: 60px; line-height: 30px; color: #666;}
.news_list li:hover {background-color: #fff}
.news_list li:hover span {background-color: #eca231; color: #fff}
.news_list li:hover b {color: #fff;}
.footer_menu { border-top: 1px solid #efefef; background: #fff; padding: 60px 0;}
.footer_menu div { width: 1600px; margin: 0 auto;}
.fmc {padding: 44px 0; width: 1600px; margin: 0 auto;}
.footer_menu .fm {float: left; width: calc(100% - 300px);}
.footer_menu p {float: right; width: 114px; margin-left: 30px; text-align: center; font-size: 14px; margin-top: 20px; line-height: 40px;}
.footer_menu p img {width: 114px; height: 114px; display: block;}
.fm dl {float: left; margin-right: 30px; width: 140px;}
.fm a {display: block; color: #333;}
.fm dt {height: 56px; line-height: 56px; font-size: 18px;}
.fm dd {line-height: 30px; font-size: 14px;}
.fm dd a {color: #666}
footer {background-color: #414141}
footer .con {width: 1600px; margin: 0 auto; height: 82px; line-height: 82px; color: #888}
footer .con a {color: #fff;}
.block_img {width: 100%; height: auto;}
.block_img img {width: 100%; height: auto; display: block;}
.center_menu {width: 100%; height: 54px; background-color: #eca231; border-bottom: 1px solid #efefef}
.center_menu .st {width: 1400px; margin: 0 auto;}
.center_menu ul {float: left; width: 950px;}
.center_menu li {float: left;}
.center_menu li a {display: block; width: 130px; position: relative; height: 54px; overflow: hidden; line-height: 54px; font-size: 14px; color: #fff;}
.center_menu li span { text-align: center; width: 100%; box-sizing: border-box; position: absolute; left: 0; top: 0; padding: 0 20px;}
.center_menu li span.over {background-color: #0d2542; color: #fff; top: -54px;}
.center_menu .curr span.over {top: 0}
.center_menu p, .s-position {float: right; line-height: 54px;}
.center_menu p a, .s-position a {display: inline-block; margin-left: 30px; position: relative; color: #666;}
.center_menu p a:before, .s-position a:before {border: 5px solid transparent; border-left-color: #515151; position: absolute; left: -18px; top: 22px; content: ''}
.center_menu p a:first-child:before, .s-position a:first-child:before {background: url("../images/p-home.jpg") no-repeat center; width: 13px; height: 13px; border: none; top: 20px;}
.company_news_recommend {padding: 50px 0; width: 1400px; margin: 0 auto; position: relative}
.company_news_recommend ul {position: relative; height: 550px;}
.company_news_recommend li {width: 100%; height: 550px; display: none; position: absolute; left: 0; top: 0;}
.company_news_recommend li:first-child {display: block;}
.company_news_recommend img {width: 920px; height: 550px; float: left}
.rc {float: right; width: calc(100% - 920px); height: 550px; background: #eca231; box-sizing: border-box; padding: 40px;}
.rc h3 {height: 80px; font: bold 28px/40px "Microsoft YaHei UI"; color: #fff; overflow: hidden;}
.rc p { line-height: 34px; color: #fff; height: 272px;margin-top: 30px; box-sizing: border-box;}
.rc i {height: 34px; line-height: 34px; margin-top: 12px; display: block; color: #fcdcac}
.company_news_recommend > p {height: 26px; line-height: 26px; position: absolute; width: 480px; right: 0; bottom: 84px; z-index: 100; box-sizing: border-box; padding: 0 37px;}
.company_news_recommend > p span {height: 12px; width: 12px; display: inline-block; border-radius: 8px; background: #0d2542; margin: 0 5px; cursor: pointer}
.company_news_recommend > p span.curr {background: #fff}
.news_r_l {width: 1400px; margin: 0 auto;}
.news_r_l ul {padding-top: 33px;}
.news_r_l li {float: left; width: 446px; height: 482px; box-sizing: border-box; margin-bottom: 32px; border: 1px solid #eee; margin-right: 31px; transition: all 200ms;}
.news_r_l li:nth-child(3n), .company_list li:nth-child(3n) {margin-right: 0}
.news_r_l li a {display: block; height: 480px; box-sizing: border-box; padding: 103px 32px 32px; position: relative}
.news_r_l li span {width: 80px; height: 78px; background: #eca231; text-align: center; color: #fff; box-sizing: border-box; padding: 12px 0; line-height: 22px; font-size: 14px; position: absolute; left: 30px; top: -1px}
.news_r_l li b {font-size: 30px; line-height: 32px; display: block;}
.news_r_l li h3 {height: 56px; line-height: 56px; font-size: 20px; color: #333; overflow: hidden;}
.news_r_l li p {height: 196px; line-height: 28px; color: #666; font-size: 16px; margin: 15px 0 30px; overflow: hidden;}
.news_r_l li em {display: block; height: 26px; line-height: 26px; font-size: 14px; width: 100%; background: url("../images/cr-icon.jpg") no-repeat right center; color: #0d2542;}
.news_r_l li:hover {box-shadow: 0 0 15px 8px #e0e0e0}
.cmore {height: 60px; line-height: 60px; width: 100%; font-size: 16px; color: #666; margin-top: 32px; background: #f6f6f6; display: block; text-align: center; transition: all 200ms;}
.cmore:hover {color: #fff; background: #eca231}
.news_hy_l {width: 1400px; margin: 30px auto 0; border-bottom: 1px dashed #dadada;}
.news_hy_l li {border-top: 1px dashed #dadada; height: 270px; padding: 48px 30px; background: #fff}
.news_hy_l li img, .news_hy_l li i {float: left; height: 270px; width: 430px; overflow: hidden; transition: all 200ms;}
.news_hy_l li:hover {background: #f5f5f5}
.news_hy_l li:hover img {transform: scale(1.02);}
.hy_d {width: calc(100% - 470px); float: right;}
.news_hy_l a {display: block;}
.hy_d h3 {height: 58px; line-height: 58px; overflow: hidden; font-size: 20px; color: #333;}
.hy_d p {line-height: 28px; height: 84px; overflow: hidden; margin: 26px 0 40px; color: #666;}
.hy_d em {display: block; height: 46px; line-height: 46px; font-size: 18px; color: #666;}
.hy_d b {line-height: 44px; border: 1px solid #e6e6e6; padding: 0 20px; border-radius: 40px; float: right; font-weight: normal; transition: all 200ms;}
.news_hy_l li:hover b {background: #eca231; color: #fff}
.sub_content {background: #fff; width: 1400px; margin: 30px auto 57px; box-sizing: border-box; padding: 37px;}
.news_title {line-height: 50px; width: 80%; margin: 10px auto; text-align: center; font-size: 30px; color: #333;}
.time {height: 28px; line-height: 28px; text-align: center}
.content {line-height: 32px; margin: 20px 0;}
.content img {display: block; max-width: 1200px; height: auto; margin: 0 auto 10px;}
.video li i {position: relative}
.video li i:after {content: ''; width: 430px; height: 270px; background: rgba(0,0,0, 0.4) url("../images/play_icon.png") no-repeat center; position: absolute; left: 0; top: 0;}
.cg_con.yj {width: 1400px; margin: 0 auto;}
.cg_con.yj ul {background: none; padding: 20px 0; width: 100%;}
.cg_con.yj li {width: 456px; margin-right: 14px; padding-bottom: 25px; margin-bottom: 20px; background: #fff;}
.cg_con.yj li img {width: 456px; height: 280px;}
.cg_con.yj li:nth-child(3n+3) {margin-right: 0}
.cg_con.yj h3 {margin-top: 20px;}
.cg_con.yj li span {margin: 10px 0 0 10px;}
.tsjy { width: 1400px; margin: 0 auto;}
.tsjy h3 {line-height: 64px; color: #000; font-size: 36px; text-align: center; margin-bottom: 20px;}
.tsjy h4 {height: 32px; font-size: 30px; color: #999; text-align: center; margin-top: 20px;}
.jy_con {background: #fff; padding: 65px 25px;}
.jy_con table {float: left; width: 676px;}
.jy_con input {width: 100%; height: 50px; line-height: 26px; box-sizing: border-box; padding: 12px; border: 1px solid #eee}
.jy_con > img {float: right; width: 640px; height: 640px;}
.jy_con textarea {height: 230px; width: 100%; box-sizing: border-box; padding: 12px; border: 1px solid #eee; resize: none}
.jy_con .submit {width: 180px; height: 50px; background: #eca231; color: #fff; cursor: pointer; line-height: 50px; font-size: 18px; padding: 0}
.toast { width: 300px; height: 80px; position: fixed; left: calc(50vw - 150px); padding: 20px; top: calc(50vh - 40px); line-height: 40px; background: #898989; color: #fff; box-sizing: border-box; border-radius: 10px; text-align: center}
.lxwm {width: 1400px; margin: 30px auto; box-sizing: border-box; padding: 30px; background: #fff}
.lxwm > img {float: left; width: 600px; height: 387px;}
.company {float: right; width: 700px; height: 387px; overflow: hidden;}
.company h3 {font: bold 36px/50px 'Microsoft YaHei UI'; color: #333; margin-top: 10px;}
.company h5 {height: 20px; line-height: 20px; font-size: 17px; color: #666; margin-bottom: 35px;}
.company p {height: 54px; line-height: 54px; font-size: 18px; color: #333;}
#mapBox { height: 560px; clear: both; border: 1px solid #ddd; margin-top: 20px;}
.leader_list {background: #fff; width: 1400px; margin: 30px auto 0; box-sizing: border-box; padding: 30px;}
.leader_list ul:after, .zj_list ul:after {display: block; clear: both; content: ''}
.leader_list li {float: left; margin-right: 44px; margin-bottom: 30px; width: 300px; border: 1px solid #eee}
.leader_list li img, .leader_list li i {width: 300px; height: 330px; display: block; margin: 0 auto; overflow: hidden}
.leader_list li span {display: block; line-height: 40px; text-align: center;}
.leader_list li:nth-child(4n +4) {margin-right: 0}
.leader_list li em {border: 1px solid #bfbfbf; width: 238px; height: 32px; line-height: 32px; display: block; margin: 0 auto 20px; font-size: 14px; text-align: center}
.zj_list {width: 1400px; margin: 0 auto}
.zj_list ul {padding: 20px 0;}
.zj_list li {float: left; width: 455px; height: 350px; margin-right: 17px; transition: all 200ms; margin-bottom: 20px; background: #fff}
.zj_list li:nth-child(3n+3) {margin-right: 0}
.zj_list li a {display: block; padding: 20px; box-sizing: border-box;}
.zj_list li img, .zj_list li i {width: 415px; height: 280px; display: block; margin: 0 auto; overflow: hidden}
.zj_list li img {height: 100%; width: auto; max-width: 415px}
.zj_list li span {display: block; line-height: 50px; text-align: center}
.zj_list li:hover {box-shadow: 0 0 15px 6px rgba(0,0,0,0.2)}
.zj_list li:hover span {color: #eca231}
.ghlc {width: 1400px; margin: 30px auto; padding-bottom: 46px; background: #fff}
.time_zhou {position: relative; height: 174px; overflow: hidden}
.time_zhou ul {width: 100%; display: flex; box-sizing: border-box; padding: 0 150px; position: absolute; left: 0; top: 0; border-bottom: 1px solid #d2d2d2}
.time_zhou li { flex: 1; height: 120px; line-height: 120px; transition: all 200ms; cursor: pointer; position: relative; color: #666; font-size: 18px; text-align: center}
.time_zhou li:after {content: ''; width: 15px; height: 15px; border-radius: 50%; transition: all 200ms; background: #a0a0a0; position: absolute; left: calc(50% - 7px); bottom: -7px; z-index: 3}
.time_zhou li:before {content: ''; width: 27px; height: 27px; border-radius: 50%; transition: all 200ms; background: #eee; position: absolute; left: calc(50% - 13px); bottom: -13px; z-index: 3}
.time_zhou li.curr { font-size: 24px; font-weight: bold; color: #eca231}
.time_zhou li.curr:after {background-color: #eca231}
.time_zhou li.curr:before {background-color: #f4c783}
.time_zhou span {width: 265px; position: absolute; left: 0; top: 120px; border-bottom: 1px solid #eca231; z-index: 2}
.time_zhou em {width: 38px; height: 38px; transition: all 200ms; border-radius: 50%; cursor: pointer; background-color: #b6b6b6; position: absolute; top: 102px; z-index: 4;}
.time_zhou em:after {border-top: 1px solid #fff; border-left: 1px solid #fff; transform: rotate(-45deg); content: ''; width: 12px; height: 12px; position: absolute; left: 15px; top: 13px;}
.time_zhou em.prev {left: 100px}
.time_zhou em.next {transform: rotate(180deg); right: 100px;}
.time_zhou em:hover {background-color: #eca231}
.time_content {width: 1280px; height: 345px; background-color: #fff; margin: 0 auto; box-shadow: 0 0 5px rgba(0,0,0,0.2); box-sizing: border-box; padding: 30px;}
.time_content .item {height: 281px; overflow-y: scroll; display: none}
.item::-webkit-scrollbar {width: 3px; height: 1px;}
.item::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #eca231;}
.item::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #fff;}
.time_content .item img {float: left; width: 460px; height: 280px;}
.del_des {float: right; width: 725px;}
.del_des > h3 { line-height: 50px; font-size: 30px; color: #eca231}
.del_des > h3 em {font-size: 20px; color: #666; display: inline-block; margin-left: 10px;}
.del_des > div {line-height: 40px;}
.zhici {width: 1400px; margin: 0 auto; padding: 55px 0;}
.l1 {height: 30px; line-height: 30px; text-align: center; font-size: 30px; color: #999;}
.l2 {height: 56px; line-height: 56px; font-size: 36px; text-align: center; color: #000;}
.lead_con {height: 558px;}
.rl {float: left; width: 727px; height: 558px; line-height: 40px; box-sizing: border-box; padding: 50px 0}
.rl div { text-indent: 32px;}
.ll {float: right; width: 597px; height: 558px; background: url("../images/leader_bg.jpg") no-repeat center; box-sizing: border-box; padding: 51px;}
.ll img {width: 460px; height: 460px; border-radius: 50%;}
.jianjie {background: #f5f5f5; padding: 48px 0 0;}
.mc {margin: 60px auto 0; width: 1400px;}
.lt {float: right}
.rl a {margin-top: 20px;}
.qyzz {width: 1420px; margin: 0 auto; padding: 40px 0 70px;}
.zz_scroll {width: 100%; height: 476px; overflow: hidden; position: relative}
.zz_scroll ul {width: 1900px; height: 466px; position: absolute; left: 0; top: 0; padding: 5px 0;}
.zz_scroll li {float: left; width: 336px; height: 466px; background: #f8f8f8; box-sizing: border-box; margin: 0 8px 0 9px; transition: all 200ms; border: 1px solid #ddd;}
.zz_scroll li a {display: block; height: 466px; overflow: hidden; box-sizing: border-box; padding: 14px; position: relative;}
.zz_scroll li img {width: 100%; height: 100%;}
.zz_scroll li span {width: 100%; height: 50px; line-height: 50px; text-align: center; transition: all 200ms; background: #eca231; color: #fff; position: absolute; left: 0; bottom: -50px;}
.zz_scroll li:hover {box-shadow: 0 0 6px rgba(0,0,0,0.4)}
.zz_scroll li:hover span {bottom: 0}
.zz_list {margin-top: 50px; position: relative}
.zz_list .dot_con {position: absolute; left: 0; bottom: -40px; width: 100%; height: 20px; text-align: center}
.dot_con span {height: 16px; width: 16px; cursor: pointer; box-sizing: border-box; border-radius: 50%; display: inline-block; border: 2px solid #f3c478; margin: 0 5px; transition: all 300ms;}
.dot_con span.curr {border-color: #eca231; background: #eca231}
.zz_list em {position: absolute; top: 225px; width: 32px; height: 50px; cursor: pointer;}
.zz_list em:after {width: 24px; height: 24px; border-top: 3px solid #a9b8ab; border-left: 3px solid #a9b8ab; transform: rotate(-45deg); content: ''; position: absolute; left: 10px; top: 12px;}
.zz_list em.prev {left: -35px}
.zz_list em.next {right: -35px; transform: rotate(180deg)}
.whjg {background: url("../images/gxgk_bg.jpg") no-repeat center; height: 748px; width: 100%; display: flex}
.whjg a {flex: 1; height: 748px; box-sizing: border-box; padding: 218px 105px; color: #fff; transition: all 300ms;}
.whjg h3 {text-align: center; height: 38px; line-height: 38px; padding-top: 90px; font-size: 24px;}
.whjg h4 {text-align: center; height: 24px; line-height: 24px; padding-bottom: 26px; position: relative; font-size: 16px;}
.whjg h4:after {width: 40px; height: 2px; background: #fff; position: absolute; content: ''; left: calc(50% - 20px); bottom: 0}
.whjg a:first-child h3 {background: url("../images/g1.png") no-repeat center top;}
.whjg a:nth-child(2) h3 {background: url("../images/g2.png") no-repeat center top;}
.whjg a:last-child h3 {background: url("../images/g3.png") no-repeat center top;}
.whjg p {line-height: 28px; margin-top: 44px; text-align: center;}
.whjg a.curr, .whjg a:hover {padding-top: 170px; color: #e6ad57; background-color: rgba(255,255,255, 0.4);}
.whjg a.curr:first-child h3, .whjg a:first-child:hover h3{background-image: url("../images/g1_curr.png");}
.whjg a.curr:nth-child(2) h3, .whjg a:nth-child(2):hover h3{background-image: url("../images/g2_curr.png");}
.whjg a.curr:last-child h3, .whjg a:last-child:hover h3{background-image: url("../images/g3_curr.png");}
.whjg a.curr h4:after, .whjg a:hover h4:after {background-color: #e6ad57}
.header_dqjs {background: url("../images/jgdj_header.jpg") no-repeat center top; height: 405px; width: 100%; position: relative}
.dj_menu {width: 1200px; position: absolute; left: calc(50% - 600px); bottom: 0; height: 60px; line-height: 60px; background: #be020b}
.dj_menu ul {width: calc(100% - 168px); height: 60px; float: left;}
.dj_menu li {width: 160px; float: left;}
.dj_menu li a {display: block; height: 60px; color: #fff; position: relative; overflow: hidden; text-align: center;}
.dj_menu li span {width: 100%; position: absolute; left: 0; top: 0; box-sizing: border-box; padding-left: 20px; height: 60px; background: url("../images/d1.png") no-repeat 33px center;}
.dj_menu li:nth-child(2) span {background-image: url("../images/d2.png");}
.dj_menu li:nth-child(3) span {background-image: url("../images/d3.png");}
.dj_menu li:nth-child(4) span {background-image: url("../images/d4.png");}
.dj_menu li:nth-child(5) span {background-image: url("../images/d5.png");}
.dj_menu li span.over {background-color: #ae0101; top: -60px;}
.dj_menu li a.curr span.over {top: 0}
.dj_menu > a {width: 168px; background: #eca231 url("../images/dj_home_icon.jpg") no-repeat 36px center; float: right; text-align: center; box-sizing: border-box; padding-left: 20px; color: #fff}
.dj_content {width: 1200px; margin: 30px auto; background: #fff; box-sizing: border-box; padding: 30px;}
.dj_focus {width: 580px; height: 380px; float: left; position: relative}
.dj_focus ul {position: relative}
.dj_focus li {width: 580px; height: 380px; position: absolute; left: 0; top: 0; display: none;}
.dj_focus li:first-child {display: block}
.dj_focus li a {display: block; width: 580px; height: 380px;}
.dj_focus li i, .dj_focus li img {display: block; width: 580px; height: 380px; overflow: hidden; transition: all 200ms}
.dj_focus li:hover img {transform: scale(1.03);}
.dj_focus li p {width: 100%; box-sizing: border-box; height: 46px; background: rgba(0,0,0,0.4); padding: 0 10px; line-height: 46px; color: #fff; position: absolute; left: 0; bottom: 0}
.dj_focus > p {height: 30px; text-align: center; width: 140px; position: absolute; right: 0; bottom: 3px;}
.dj_focus > p span {display: inline-block; cursor: pointer; width: 12px; height: 12px; border-radius: 50%; background: #fff; margin: 0 5px;}
.dj_focus > p span.curr {background-color: #eca231}
.qydj_news {float: right; width: 526px;}
.qydj_news li {height: 48px; line-height: 48px; text-align: right; color: #999}
.qydj_news li a {float: left; padding-left: 20px; position: relative}
.qydj_news li a:before {width: 5px; height: 5px; content: ''; background-color: #7f7f7f; position: absolute; left: 7px; top: 22px;}
.ads {width: 1140px; height: 134px; margin: 30px auto; display: block}
.jd_block {width: 368px; height: 377px; box-sizing: border-box; margin-top: 40px; border: 1px solid #f6f6f6}
.dj_t {height: 50px; line-height: 50px; background-color: #eff3f5}
.dj_t em {float: left; width: 122px; height: 50px; background-color: #be020b; color: #fff; text-align: center;}
.dj_t a {float: right; font-size: 14px; color: #999; padding-right: 10px;}
.jd_block li {height: 65px; background-color: #fff;}
.jd_block li:nth-child(even) {background-color: #f3f6f8}
.jd_block li a {height: 44px; line-height: 28px; color: #333; display: block; font-size: 14px; padding: 8px 10px 13px 33px; position: relative}
.jd_block li a:after {position: absolute; left: 15px; content: ''; width: 8px; height: 8px; top: 18px; border-radius: 50%; background-color: #e5e8e9}
.jd_block li span {display: block; line-height: 16px; color: #666; font-size: 12px;}
.dj_list_t {height: 46px; background-color: #eee; border-left: 10px solid #be020b; font: bold 24px/46px 'Microsoft YaHei UI'; color: #be020b; padding-left: 20px;}
.dj_list li {padding: 14px 0 5px; border-bottom: 1px dashed #eee;}
.dj_list li h3 { font: bold 18px/44px 'Microsoft YaHei UI'; color: #be020b; overflow: hidden; padding-left: 20px; position: relative}
.dj_list li h3 em {width: calc(100% - 80px); float: left}
.dj_list li h3:before {width: 10px; height: 10px; border-radius: 50%; background-color: #be020b; position: absolute; left: 0; top: 17px; content: ''}
.dj_list li p {line-height: 28px; height: 56px;}
.dj_list li h3 span {float: right; font: normal 14px/44px "Microsoft YaHei UI"; color: #999;}
.se_c {width: 1200px; margin: 0 auto; background: #fff; }
.s-position {height: 54px; float: none; border-bottom: 1px solid #ddd}
.news_search { margin: 20px auto; background: #fff;}
.news_search li {height: 30px; padding: 20px 0; text-align: right; color: #666; line-height: 30px; border-bottom: 1px dashed #ddd;}
.news_search li a {float: left;width: 80%; color: #333; padding: 0 10px; text-align: left;}
.news_search li a:before {float: left; width: 5px; height: 5px; background: #828282; margin: 13px 5px 0 0; content: ''}
.no_thing {height: 60px; font-size: 30px; text-align: center; padding: 100px 0;}
.news_search li i {color: #be020b}
.news_search li:last-child {border-bottom: none;}
.lead_pic {width: 400px; height: 465px;}
.lead_c {width: 880px;}
.lead_c h3 {height: 72px; line-height: 72px; font-size: 30px; color: #333; margin-top: 11px; border-bottom: 1px solid #ddd; padding-left: 50px; background: url("../images/ld_icon.jpg") no-repeat 0 center;}
.lscon { padding-top: 20px; line-height: 28px; font-size: 16px !important;}
.page {height: 40px; width: 1200px; margin: 0 auto 50px; text-align: center;}
.page li {display: inline-block; height: 40px; margin: 0 6px;}
.page li a, .page li span {display: block; min-width: 40px; padding: 0 5px; text-align: center; color: #666; font-size: 18px; line-height: 40px; background: #fff}
.page li.active span {background: #eca231; color: #fff}
.company_list {width: 1400px; margin: 0 auto; padding-top: 30px;}
.company_list li {float: left;float: left; width: 446px; height: 430px; box-sizing: border-box; margin-bottom: 32px; border: 1px solid #eee; margin-right: 31px; transition: all 200ms;}
.company_list li h3 { height: 50px; line-height: 50px; background-color: #eca231; color: #fff; text-align: center; text-align: center}
.company_list li p {line-height: 30px; padding: 20px; text-indent: 32px;}
.company_list li a {display: block; position: relative; height: 100%;}
.company_list li:hover {box-shadow: 0 0 10px 5px rgba(0,0,0,0.2); transform: translateY(-13px)}
.work_box {margin: 40px auto;}
.work_box .lts {height: 60px; line-height: 60px; background: #0d2542; color: #fff; display: flex; margin-bottom: 10px;}
.work_box .lts span {flex: 1; font-size: 18px; font-weight: bold; text-align: center;}
.work_box .list {background: #fff; margin-bottom: 10px; }
.work_box .up {height: 60px; line-height: 60px; display: flex; cursor: pointer;}
.work_box .up span {flex: 1; text-align: center; font-size: 16px; color: #666; transition: all 0.2s;}
.work_box .up:hover span, .work_box .list.show .up span {color: #fff; background: #eca231;}
.work_box .up span:last-child:before {background: url("../images/work_add_icon.png") no-repeat center; height: 25px; width: 25px; content: ''; position: relative; top: 5px; display: inline-block;}
.work_box .up:hover span:last-child:before, .work_box .list.show .up span:last-child:before {background-image: url("../images/work_add_icon_curr.png");}
.work_box .des {display: none; background: #fff; width: 100%; box-sizing: border-box; padding: 20px 38px 0; border: 1px solid #dcdcdc;}
.work_box .des dl {margin-bottom: 20px;}
.work_box .des dt {display: block; line-height: 30px; color: #333;}
.work_box .des dd {line-height: 30px; color: #666;}
.work_box .des p {border-top: 1px solid #bfbfbf; height: 50px; line-height: 50px; padding: 20px 0;}
.work_box .des p a {float: right; width: 130px; height: 50px; line-height: 50px; background: #eca231; text-align: center; color: #fff;}
.work_box .des p span {color: #5d382e}
.work_box .list.show .des { display: block;}
.work_join {background: #fff; box-sizing: border-box; padding: 20px; margin: 40px auto;}
.sp {height: 60px; line-height: 30px; margin-bottom: 20px;}
.sp p { width: 665px; border: 1px solid #d2d2d2; box-sizing: border-box; padding: 10px 15px;}
.sp p span {float: left;width: 80px; line-height: 30px;}
.sp input {width: calc(100% - 90px); height: 30px; font-size: 16px;}
.sp .upload_btn {width: 120px; height: 30px; line-height: 30px; text-align: center; font-weight: normal; float: left; background: #1E9FFF; color: #fff; font-size: 14px; overflow: hidden; position: relative}
.sp .upload_btn input {width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 1; cursor: pointer; left: 0; top: 0}
.sp i {display: inline-block; line-height: 30px; margin-right: 10px; padding-left: 30px; position: relative; cursor: pointer;}
.sp i:before {content: ''; width: 21px; height: 21px; border: 1px solid #eee; border-radius: 50%; position: absolute; left: 0; top: 4px;}
.sp i:after {width: 15px; height: 15px; background: #fff; position: absolute; left: 4px; top: 8px; content: ''; border-radius: 50%;}
.sp i.selected:before{ border-color: #eca231; transition: all 0.2s}
.sp i.selected:after {background: #eca231; transition: all 0.2s}
.sp em {color: #f00; float: right}
.sp .f-l p {margin-bottom: 20px;}
.sp .f-l p:last-child {margin-bottom: 0}
.sp.sd {height: 342px;}
.sp textarea {height: 270px; width: 665px; line-height: 30px; resize: none; border: 1px solid #d2d2d2; box-sizing: border-box; padding: 5px;}
.sp textarea::-webkit-input-placeholder {font-size: 16px; color: #333;}
.sp button {width: 152px; height: 40px; display: inline-block; margin: 0 15px; font-size: 16px;}
.sp button[type="submit"] {border: 1px solid #eca231; background: #fff; color: #333;}
.sp button[type="reset"] {border: 1px solid #eca231; background: #eca231; color: #fff}
.sp.sc {text-align: center;}
.share { display: inline-block; height: 28px; display: inline-block;}
.social-share .social-share-icon {width: 22px!important; height: 22px!important; font-size: 14px!important; line-height: 24px!important;}
@media screen and (min-width: 1360px) and (max-width: 1600px) {
    body {font-size: 14px;}
    header {height: 128px;}
    .logo {width: 300px; height: 38px; background-size: 100%;}
    .w-menu {width: 740px}
    .menu {height: 40px;}
    .menu li {height: 40px; margin: 0 16px;}
    .menu li a {height: 44px; line-height: 44px;}
    .banner img, .banner ul, .banner, .banner video {height: calc(100vw / 2.4);}
    .banner em {top: calc(50% - 10px)}
    .sc_c li a {font-size: 12px;}
    .sc_c li {width: 382px;}
    .sc_c {width: calc(100% - 73px)}
    .cn_c p {left: calc(100% - 90px);}
    .about {height: calc((100vw - 166px) / 1756 * 478)}
    .about .a2, .about .a1 {height: 100%}
    .about .a1 h3 {font-size: 30px;}
    .about .a1 div {padding: 19px 63px 30px 0;}
    .about .a1 p {margin-bottom: 32px;}
    .about .a2 div {height: 100%; padding: 38px 51px;}
    .index_title, .index_title > a {height: 84px;}
    .index_title > a h3 {height: 84px; width: 230px; line-height: 84px; font-size: 30px;}
    .index_title > a {width: 440px}
    .index_title ul {width: 512px; margin: 27px 30px 24px 0;}
    .index_title > a:after {width: 45px; height: 45px;}
    .cg_con ul {width: 100%; padding: 44px 0;}
    .cg_con li {width: 370px; margin-right: 27px; padding-bottom: 30px;}
    .cg_con li img {width: 370px; height: 226px;}
    .cg_con li h3 {font-size: 20px; margin-top: 22px;}
    .cg_con li span {margin-top: 20px;}
    .index_news { padding: 44px 0; width: 1200px; height: 466px;}
    .news_focus ul {height: 377px;}
    .news_focus {width: 586px;}
    .news_focus li, .news_focus li img {width: 580px; height: 377px;}
    .news_list {width: 596px; height: 377px;}
    .news_focus li a, .news_focus li img {width: 580px; height: 377px;}
    .news_list li {height: 82px; margin-bottom: 16px;}
    .news_list li p {width: 490px;}
    .news_list li span {width: 82px; height: 82px;}
    .news_list li b {font-size: 30px; line-height: 40px}
    .news_list li em {height: 48px; line-height: 24px;}
    .news_list li i { height: 36px; line-height: 36px;}
    .footer_menu div {width: 1200px;}
    .fm dl {width: 108px; margin-right: 20px;}
    .fm dt {font-size: 16px;}
    .fm dd a {font-size: 14px;}
    footer .con {width: 1200px;}
    .center_menu .st {width: 1200px;}
    .center_menu ul {width: 870px;}
    .zhici, .mc {width: 1200px;}
    .l1 {font-size: 24px;}
    .l2 {font-size: 30px;}
    .rl {width: 590px;}
    .ll {width: 525px; height: 490px; background-size: 100% auto; padding: 50px;}
    .ll img {width: 400px;}
    .lt img {width: 560px; height: auto}
    .qyzz {width: 1220px;}
    .company_news_recommend {width: 1200px;}
    .company_news_recommend img {width: 830px;}
    .rc {width: calc(100% - 830px)}
    .company_news_recommend > p {width: 370px;}
    .news_r_l, .news_hy_l, .cg_con.yj, .tsjy, .lxwm, .sub_content {width: 1200px;}
    .news_r_l li {width: 384px; margin-right: 24px}
    .cg_con.yj li {width: 390px;}
    .cg_con.yj li img {width: 390px; height: 238px;}
    .jy_con > img {width: 580px; height: 580px;}
    .jy_con table {width: 540px;}
    .company {width: 650px;}
    .lxwm img {width: 460px; height: 297px;}
    .company {height: 310px;}
    .company p {height: 40px; line-height: 40px;}
    .company h5 {margin-bottom: 28px;}
}